<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>优家网个人中心</title>
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/personCenter.css">

</head>
<style>
    * {padding: 0;margin: 0;font-family: "微软雅黑";font-size: 14px;}
    ul,li {list-style: none;}
    a {text-decoration: none;color: black;}
</style>
<body>
<jsp:include page="hd.jsp"></jsp:include>
<script type="text/javascript">
    function changeimgziover1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px 1px")?("1px -22px"):("1px 1px");
        zi_1.style.color="red";
    }
    function changeimgziout1() {
        var homePage=document.getElementById("homePage");
        var img_1=document.getElementById("img_1");
        var zi_1=document.getElementById("zi_1");
        img_1.style.backgroundPosition=("1px -22px")?("1px 1px"):("1px -22px");
        zi_1.style.color="black";
    }
    function changeimgziover2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px 0px")?("-24px -23px"):("-24px 0px");
        zi_2.style.color="red";
    }
    function changeimgziout2() {
        var jzCenter=document.getElementById("jzCenter");
        var img_2=document.getElementById("img_2");
        var zi_2=document.getElementById("zi_2");
        img_2.style.backgroundPosition=("-24px -23px")?("-24px 0px"):("-24px -23px");
        zi_2.style.color="black";
    }

    function changeimgziover3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px 0px")?("-48px -23px"):("-48px 0px");
        zi_3.style.color="red";
    }
    function changeimgziout3() {
        var findDecoration=document.getElementById("findDecoration");
        var img_3=document.getElementById("img_3");
        var zi_3=document.getElementById("zi_3");
        img_3.style.backgroundPosition=("-48px -23px")?("-48px 0px"):("-48px -23px");
        zi_3.style.color="black";
    }

    function changeimgziover4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px 0px")?("-73px -23px"):("-73px 0px");
        zi_4.style.color="red";
    }
    function changeimgziout4() {
        var strategy=document.getElementById("strategy");
        var img_4=document.getElementById("img_4");
        var zi_4=document.getElementById("zi_4");
        img_4.style.backgroundPosition=("-73px -23px")?("-73px 0px"):("-73px -23px");
        zi_4.style.color="black";
    }
</script>
    <div class="body_t">
        <div id="center-body">
            <div id="left">
                <ul>
                    <li style="font-size: 20px;font-weight:bold;"><a href="personCenter.jsp" class="list-group-item">个人中心</a> </li>
                </ul>
                <ul>
                    <li style="font-size: 17px;font-weight:bold">我的交易</li>
                    <li><a href="#" class="list-group-item ">我的预约</a></li>
                    <li><a href="#" class="list-group-item ">我的订单</a></li>
                    <li><a href="#" class="list-group-item ">我的收藏</a></li>
                    <li><a href="#" class="list-group-item ">我的优惠券</a></li>
                    <li><a href="#" class="list-group-item ">我的足迹</a></li>
                    <li><a href="#" class="list-group-item ">我的消息</a></li>
                </ul>
                <ul>
                    <li style="font-size: 17px;font-weight:bold">账户管理</li>
                    <li><a href="#" class="list-group-item ">收货地址</a></li>
                    <li><a href="#" class="list-group-item ">修改密码</a></li>
                    <li><a href="#" class="list-group-item ">安全中心</a></li>
                </ul>
                <ul>
                    <li style="font-size: 17px;font-weight:bold">客户服务</li>
                    <li><a href="#" class="list-group-item ">维权管理</a></li>
                    <li><a href="#" class="list-group-item ">联系客服</a></li>
                    <li><a href="#" class="list-group-item ">帮助中心</a></li>
                </ul>
                <ul>
                    <li style="font-size: 17px;font-weight:bold">论坛中心</li>
                    <li><a href="#" class="list-group-item ">我的帖子</a></li>
                    <li><a href="#" class="list-group-item ">我的回复</a></li>
                </ul>
            </div>
            <div id="top">
                <div class="my-wallet">
                    <div class="user-message" style="width:240px">
                        <div class="user-pic">
                            <div class="head-pic">
                                <img src="../images/c3.png" height="90" width="90"/>
                            </div>
                            <a href="#" class="alter" style="display: none;">修改头像</a>
                        </div>
                        <div class="detail-message">
                            <h3 class="dedicated">
                                <span>用户id</span>
                            </h3>
                        </div>
                    </div>
                    <div class="user-message" style="width:280px">
                        <div class="wallet-message" style="padding:0px;">
                            <h3 class="dedicated">
                                <span>我的支付记录</span>
                            </h3>
                            <p>结余款剩余：<em>0</em></p>
                            <!--<a class="pay-btn" href="/qijiapay/recharge.htm" target="_blank">chong zhi</a>-->
                            <a class="withdraw" href="#" target="_blank">结余款返还</a>
                            <a class="pay-btn" href="https://personal.qijiapay.com" target="_blank">支付记录</a>
                        </div>
                    </div>
                </div>
            </div>
            <div id="center">
                <div id="user-function">
                    <ul>
                        <li class="center-im">
                            <a class="function-icon" href="#">
                                <img src="../images/message.png" height="62" width="62"/></a>
                            <p>我的消息</p>
                        </li>
                        <li class="center-im">
                            <a class="function-icon" href="#">
                                <img src="../images/red-packet.png" height="62" width="64"/></a>
                            <p>我的优惠券</p>
                        </li>
                        <li class="center-im">
                            <a class="function-icon" href="#">
                                <img src="../images/help.png" height="62" width="64"/></a>
                            <p>帮助中心</p>
                        </li>
                        <li class="center-im">
                            <a class="function-icon" href="#">
                                <img src="../images/replay.png" height="62" width="64"/></a>
                            <p>我的回复</p>
                        </li>
                    </ul>
                </div>
                <div id="center-right">
                    <div class="center-right_top">
                        <p class="p-right"><a href="#" class="list-group-item ">全部订单</a></p>
                        <p class="p-right"><a href="#" class="list-group-item ">待交付</a></p>
                        <p class="p-right"><a href="#" class="list-group-item ">待支付</a></p>
                        <p class="p-right"><a href="#" class="list-group-item ">我的订单</a></p>
                    </div>
                    <div class="center-right_down">
                        <h3>部分订单显示</h3>
                        <h3>部分订单状态显示</h3>
                        <h3>部分订单显示</h3>
                    </div>
                </div>
            </div>
            <div id="end">
                <div class="divide-area">
                    <h3 class="dedicated"><span>我的收藏</span>
                        <a class="vice-nav" href="#">所有收藏</a></h3>
                    <div class="wire"></div>
                    <div class="slide-content" id="home_collect">
                        <div class="no-apply">
                            <a href="http://tm.jia.com">您还没有收藏过商品哦，赶快去收藏吧！</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="foot-body">
            <div class="jia_foot_info">
                <div class="jia_foot_con">
                    <p class="jia_foot_link">
                        <a href="#" rel="nofollow" target="_blank">关于我们</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" rel="nofollow">联系我们</a><span class="jia_split">|</span>
                        <a href="#" rel="nofollow">媒体报道</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" rel="nofollow">法律声明</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" rel="nofollow">企业文化</a><span class="jia_split">|</span>
                        <a href="http://www.qeeka.com" target="_blank" rel="nofollow">投资者关系</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" rel="nofollow">入驻装修平台</a><span class="jia_split">|</span>
                        <a href="#" tjjj="sjrz.2" target="_blank" rel="nofollow">零售合作</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" rel="nofollow">诚聘英才</a><span class="jia_split">|</span>
                        <a href="#" target="_blank">网站地图</a><span class="jia_split">|</span>
                        <a href="#" tjjj="bottom.link.help">帮助中心</a><span class="jia_split">|</span>
                        <a href="#" tjjj="bottom.link.help">营业执照</a><span class="jia_split">|</span>
                        <a href="javascript:;" class="jia_foot_open">更多<i></i></a>
                    </p>
                    <p class="jia_foot_link footnone">
                        <a href="#" target="_blank" tjjj="footer.bottom.1">找装修公司</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.2">买建材家居</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.4">家居百科</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.5">装修公司库</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.7">产品信息库</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.9">装修知识</a><span class="jia_split">|</span>
                        <a href="#" tjjj="2014.foot.jiajupic">家居效果图</a><span class="jia_split">|</span>
                        <a href="#" tjjj="2014.foot.wangpu">店铺大全</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.8">品牌库</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.12">找小区</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.10">建材加盟</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.11">装修效果图</a><span class="jia_split">|</span>
                        <a href="#" target="_blank" tjjj="footer.bottom.12">婚庆</a>
                    </p>
                </div>
                <p>
                    优家网 版权所有
                </p>
                <p>
                    中国互联网协会信用评价中心网信认证 网信编码:1664391091 举报电话：021-69108618
                </p>
                <p>
                    <a href="//oneimg1.jia.com/content/public/resource/image/tg_home/yiye.gif">
                        <img src="//oneimg1.jia.com/content/public/resource/image/tg_home/gov-inco.jpg" border="0" width="40" height="44">
                    </a>
                    <a href="/#" target="_blank" style="margin-left:15px;">
                        <img src="//fastued3.jia.com/image/common/315.gif" border="0">
                    </a>
                </p>
            </div>
        </div>
    </div>
</body>
</html>